<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/png" href="img/avatar.png">
    <title>Resum of Zou Xiaohan</title>
    <!-- Fonts and icons -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"/>
    <!-- CSS -->
    <link href="css/style.css" rel="stylesheet"/>
    
</head>

<body class="profile-page">
    <div class="page-header" filter-color="orange">
        <div class="page-header-image" data-parallax="true" style="background-image: url('img/bg.jpg');"></div>
        <div class="container">
            <div class="content-center">
                <div class = "photo-container">
                    <img src = "img/avatar.png">
                </div>
                <h3 class="about-title">Renovamen</h3>
                <p class="category">1652746</p>
                <div class="content">
                    <div class="social-description">
                        <a href="https://github.com/Renovamen"><i class="fa fa-github fa-3x"></i></a>
                        <p>GITHUB</p>
                    </div>
                    <div class="social-description">
                        <a href="http://allspark.ink"><i class="fa fa-share-alt fa-3x"></i></a>
                        <p>BLOG</p>
                    </div>
                    <div class="social-description">
                        <a href = mailto:renovamenzxh@gmail.com><i class="fa fa-envelope-o fa-3x"></i></a>
                        <p>Email</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    <div class = "section">
        <h3 class="about-title">About me</h3>
        <h5 class="description">Like sleeping and eating, do not like coding and parrots.</h5>
        <div class="personal-information">
            <div class="col-6-asb">
                <div class="item">
                    <p class="title name">
                        Education / Contact
                    </p>
                    <div class="col-6">
                        <p class="education">Hogwarts School of Witchcraft</p>
                        <p class="phone">Phone: 123 4567 8910</p>
                    </div>
                    <div class="col-6">
                        <p class="education">and Wizardry</p>
                        <p class="email">Email: haha@hogwarts.edu.cn</p>
                    </div>
                </div>
            </div>
            <div class="col-6-asb">
                <div class="col-6 courses">
                    <div class="item">
                        <p class="title">
                            Courses
                        </p>
                        <div class="lang">
                            <lable>Broom Flying</lable>
                            <lable>Potions</lable>
                            <lable>Muggle Studies</lable>
                            <lable>Ancient Runes</lable>
                            <lable>etc.</lable>
                        </div>
                    </div>
                </div>
                <div class="col-6 skill">
                    <div class="item">
                        <p class="title">
                            Skills
                        </p>
                        <div class="lang">
                            <lable>C</lable>
                            <lable>C++</lable>
                            <lable>Java</lable>
                            <lable>Python</lable>
                            <lable>Machine Learning</lable>
                            <lable>Transfiguration</lable>
                            <lable>etc.</lable>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class = "section work-experience">
        <h3 class="about-title">Experience</h3>
        <div class="item w-experience-content">
            <div class="logo">
                <img class="company-logo" src="img/dark-art.png">
            </div>
            <div class="work-content">
                <p class="create-time">2018.9 - Present</p>
                <p class="job">Minister of Information Department | Defensive Magical Club</p>
                <ul>
                    <li>Use deep learning algorithm to calculate the best way to against the dark arts;</li>
                    <li>Try to find the association between different spells. Use latent semantic indexing (LSI) for spell text dimension reduction and feature extraction, and use support vector clustering (SVC) to cluster the processed results.</li>
                </ul>
            </div>
        </div>
        <div class="item w-experience-content">
            <div class="logo">
                <img class="company-logo" src="img/quidditch.png">
            </div>
            <div class="work-content">
                <p class="create-time">2016.11 - 2018.9</p>
                <p class="job">Seeker | Gryffindor Quidditch Team</p>
                <ul>
                    <li>Became the youngest seeker in a century;</li>
                    <li>Obtained a broomstick - Firebolt Supreme;</li>
                    <li>Won the Quidditch World Cup of 2018.</li>
                </ul>
            </div>
        </div>
        <div class="item w-experience-content">
            <div class="logo">
                <img class="company-logo" src="img/magic-info.png">
            </div>
            <div class="work-content">
                <p class="create-time">2017.9 - 2018.9</p>
                <p class="job">President | Department of Magic and Information</p>
                <ul>
                    <li>Established this department in order to bring information management to wizarding world;</li>
                    <li>Developed a wonderbook system which has included all wonderbooks up to now, so students do not need to buy textbook in Flourish and Blotts any more;</li>
                    <li>Developed a potion system which has included information about almost all potions up to now. Students used to be unfamiliar to some dangerous potions and often got hurt, this system helps to reduce the severity of such injuries.</li>
                </ul>
            </div>
        </div>
        <div class="item w-experience-content">
            <div class="logo">
                <img class="company-logo" src="img/gryffindor.png">
            </div>
            <div class="work-content">
                <p class="create-time">2016.9 - Present</p>
                <p class="job">Student | Gryffindor</p>
                <ul>
                    <li>Obtained Hogwarts acceptance letter;</li>
                    <li>Assigned to Gryffindor on the Sorting Ceremony;</li>
                    <li>Won the House Cup of 2016 and 2018.</li>
                </ul>
            </div>
        </div>
    </div>

    <div class = "section award">
        <h3 class="about-title">Award</h3>
        <p class="award-title">Gold Prize - Wizardkind Programming Contest | 2019</p>
        <p class="award-title">Hogwarts School of Witchcraft and Wizardry - The House Cup | 2018</p>
        <p class="award-title">The Quidditch World Cup | 2018</p>
        <p class="award-title">Outstanding Winner - Magical Contest In Modeling | 2017</p>
        <p class="award-title">Hogwarts School of Witchcraft and Wizardry - The House Cup | 2016</p>
    </div>

    <div class="footer">
        <div class="container">
            <li>
                <a href="https://github.com/Renovamen/Magic-Resume"><i class="fa fa-github fa-2x"></i></a>
            </li>
        </div>
    </section>
</body>

</html>